<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=3"
    />
    <meta name="keywords" content="关键字" />
    <meta name="description" content="网站描述" />
    <meta name="author" content="作者名" />
    <meta name="robots" content="index" />
    <meta name="copyright" content="版权信息" />
    <meta name="generator" content="开发工具" />
    <link rel="shortcut icon" href="../favicon.ico" />
    <link rel="Bookmark" href="../favicon.ico" />
    <title>网站子页面</title>
    <link rel="stylesheet" href="../styles/common.scss" />
    <link rel="stylesheet" href="../styles/child-page.scss" />
  </head>

  <body>
    <!-- 网站页头 -->
    @@include('../public/header.html', { "indexPath": "..", "childPath": "." })

    <!-- 内容主体 -->
    <main class="child-page">
      <article>
        <section>
          <h1>欢迎来到自动化构建的世界！</h1>
          <p>
            在当前项目根目录下打开命令行工具，并输入“gulp”开始项目的自动化构建工作。
          </p>
          <p>&lt;友情提示&gt;首页有野兽！</p>
        </section>
      </article>
    </main>

    <!-- 网站页脚 -->
    @@include('../public/footer.html', { "indexPath": "..", "childPath": "." })

    <!-- JavaScript文件 -->
    <script type="module" src="../scripts/common-script.js"></script>
    <script type="module" src="../scripts/child-page.js"></script>
  </body>
</html>
